<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/fancybox.css"/>
<link rel="stylesheet" href="css/swiper.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
</head>
<body>


<div class="header">
	<div class="container">
		<h1><a href="###">kachun</a></h1>
		<ul class="clearfix">
			<li>
				<a href="###">HOME</a>
			</li>
			<li>
				<a href="###">ABOUT US</a>
				<ul>
					<li><a href="###">Enterprise introduction</a></li>
					<li><a href="###">Enterprise history</a></li>
					<li><a href="###">Enterprise video</a></li>
					<li><a href="###">Corporate news</a></li>
					<li><a href="###">International certification</a></li>
					<li><a href="###">Research and development</a></li>
				</ul>
			</li>
			<li>
				<a href="###">PRODUCTION</a>
				<ul>
					<li>
						<a href="###" class="tit">CHINA</a>
						<ul>
							<li><a href="###">Production process</a></li>
							<li><a href="###">Export tariff</a></li>
							<li><a href="###">Live scene</a></li>
						</ul>
					</li>
					<li>
						<a href="###" class="tit">AFRICA</a>
						<ul>
							<li><a href="###">Production process</a></li>
							<li><a href="###">Export tariff</a></li>
							<li><a href="###">Live scene</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				<a href="###">PRODUCT</a>
				<ul>
					<li><a href="###">Clothing</a></li>
					<li><a href="###">Reflective Tape</a></li>
				</ul>
			</li>
			<li>
				<a href="###">CONTACT</a>
				<ul>
					<li><a href="###">Contact information</a></li>
					<li><a href="###">Leaving a message</a></li>
				</ul>
			</li>
		</ul>
		<div class="search-box">
			<i class="search"></i>
			<div class="head_form">
				<form action="">
					<input type="text" name="search" placeholder="CERCA...">
					<button>SUBMIT</button>
				</form>
			</div>
		</div>
		
		
		<div class="login_form">
			
			<div class="since"> since&nbsp;1992 </div>
			<div class="left">
				<div class="img-box">
					<img src="images/icon_06.png" alt="">
				</div>
			</div>
			
			<!-- 未登录 -->
			<!-- <form action="" class="right">
				<div class="input-box">
					<div class="name">
						<input type="text" placeholder="Username" name="name">
					</div>
					<div class="pass">
						<input type="text" placeholder="Password" name="password">
					</div>
				</div>
				<div class="btn-box">
					<button>LOGIN</button>
					<a href="###" class="reg">Register</a>
				</div>
			</form> -->
			
			<!-- 登录 -->
			<div class="right">
				
				<h3>Ableson</h3>
				
				<!-- 个人中心 -->
				<a href="###" class="hnumber" >Member Center</a>
				
				<span>Information:0</span>
				
				<!-- 修改个人消息 -->
				<a href="###" class="edit">Edit data</a>
				
			</div>
		</div>
	</div>
</div>


<div class="emp"></div>


<div class="banner other-banner container">
	<img src="images/banner.jpg" alt="">
</div>


<!-- 去阴影层 -->
<div class="side">
	<div class="inside main clearfix">
		<h2>CORPORATE NEWS</h2>
		<h4>PRODUCTION PROCESS</h4>
		<div class="text-box">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum eligendi fugit aut impedit sequi earum dignissimos totam repellat porro ratione dolores optio? Quas soluta ut assumenda impedit ad quis necessitatibus.</p>
			<p>Consequuntur debitis labore dolor velit voluptas quibusdam magni culpa. Eius sed ea beatae hic a labore pariatur asperiores quam sit commodi laudantium voluptatem est odit quidem consequatur at nesciunt accusantium.</p>
			<p>Facere deserunt officiis corporis fuga nisi obcaecati dolorem quasi! Dolorum cum quaerat sapiente asperiores similique. Pariatur veniam doloribus obcaecati ullam excepturi facilis quasi quam a nisi ipsa veritatis asperiores odio.</p>
			<p>Iusto adipisci error nihil quibusdam hic iure alias sapiente officia sunt ipsum veniam reprehenderit fugit quasi minus accusantium est aliquid mollitia deserunt harum magnam! Obcaecati nihil eveniet veritatis iusto perspiciatis.</p>
			<p>Fuga modi assumenda minima doloremque atque a soluta quidem quaerat omnis sapiente maiores ea iste fugit? Voluptate cumque voluptatibus aut quasi nobis doloremque optio molestiae ipsam natus nisi non repellendus!</p>
			<p>Odio officia cum sit laudantium dolor tempora voluptatum perferendis impedit nostrum minus totam autem culpa nemo nobis maxime animi temporibus consectetur adipisci possimus asperiores recusandae quae fuga distinctio ratione modi!</p>
			<p>Porro ex similique architecto error laboriosam corporis accusamus facilis dolore minima magni eligendi sunt repudiandae assumenda vitae enim voluptates tempore sit deserunt repellendus dolor exercitationem necessitatibus rem quas. Placeat repellendus!</p>
			<p>Fugit minus dolorem corporis qui aspernatur eaque nesciunt nobis ratione officiis dolor repudiandae sint magnam sunt cupiditate illo? Beatae repellat incidunt optio fuga tempora esse nemo placeat exercitationem est a.</p>
			<p>Vero consequatur rerum quis adipisci alias maiores amet maxime expedita minus voluptas impedit reiciendis asperiores eaque unde soluta sapiente dicta laboriosam itaque sequi magnam obcaecati recusandae ducimus facilis cum in?</p>
			<p>Perspiciatis et corrupti aut quod modi laboriosam repellat a dicta quasi molestiae suscipit placeat veritatis tenetur explicabo ipsam cum sed fugiat debitis architecto asperiores! Voluptas rem facilis possimus voluptate ab?</p>
		</div>
		<div class="btn-box">
			NEXT
			<img src="images/icon04.png" >
			<!-- 指向下一个连接，即产品导航栏的下一个 -->
			<a href="###">EXPORT TARIFF</a>
		</div>
	</div>
</div>


<div class="shade"></div>


<div class="pop main number">
	<a href="###"></a>
	<div class="br">
		<a href="###"></a>
		<p>MEMBER CENTER</p>
	</div>
	<div class="window">
		<div class="pedit clearfix">
			<form action="">
				<div class="bl">
					<h3>EDIT</h3>
					<p>
						<span class="nbox">name</span>
						<input type="text" name='name' />
					</p>
					
					<p>
						<span class="nbox">E-mail</span>
						<input type="text" name='email' />
					</p>
					
					<p>
						<span class="nbox">password</span>
						<input type="text" name="password" />
					</p>
					
					<p>
						<span class="nbox">confirm password</span>
						<input type="text" name="password" />
					</p>
					<p>
						<button class="btn">EDIT</button>
					</p>
				</div>
				<div class="br">
					<img src="images/reg-logo_03.jpg" >
				</div>
			</form>
		</div>
		
		<div class="preg clearfix">
			<form action="">
				<div class="bl">
					<h3>REGISTER</h3>
					<p>
						<span class="nbox">name</span>
						<input type="text" name='name' >
					</p>
					
					<p>
						<span class="nbox">E-mail</span>
						<input type="text" name='email' >
					</p>
					
					<p>
						<span class="nbox">password</span>
						<input type="text" name="password" >
					</p>
					
					<p>
						<span class="nbox">confirm password</span>
						<input type="text" name="password" >
					</p>
					
					<p>
						<span class="nbox">company name</span>
						<input type="text" name='cname' >
					</p>
					
					<p>
						<span class="nbox">company address</span>
						<input type="text" name='caddress' >
					</p>
					
					<p>
						<span class="nbox">company tel</span>
						<input type="text" name='ctel' >
					</p>
					
					<p>
						<span class="nbox">real name</span>
						<input type="text" name='aname' >
					</p>
					
					<p>
						<span class="nbox">quality controller</span>
						<input type="text" name='bname' >
					</p>
				</div>
				<div class="br">
					<img src="images/reg-logo_03.jpg" >
					<button class="btn">REGISTER</button>
				</div>
			</form>
		</div>
		
		<div class="puser clearfix">
			<div class="bl">
				<div class="msg">
					<div class="img-box">
						<img src="images/pors_01.jpg" >
					</div>
					<h3>Ableson</h3>
					<a href="###" class="btn">CHANGE THE IMAGE</a>
				</div>
				<div class="welcome">
					<span>Welcome  back to kachun!</span>
					<p>Your last login time:</p>
					<p>2020-12-14 10:51:58</p>
				</div>
			</div>
			<div class="br vip-msg">
				<ul class="clearfix hd">
					<!-- on重复页面 -->
					<li class="on"><a href="###">Information <i>2</i></a></li>
					<li><a href="###">Personal data <i></i></a></li>
					<li><a href="###">Collection <i></i></a></li>
					<li><a href="###">Leaving a message <i></i></a></li>
				</ul>
				
				<ul class="box bd">
					<li class="on">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="text-box clearfix">
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_03.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>
					</li>
					<li>
						<div class="per-data">
							<p> name: </p>
							<p> E-mail: </p>
							<p> company name: </p>
							<p> company address: </p>
							<p> company tel: </p>
							<p> real name: </p>
						</div>
					</li>
					<li>
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="text-box clearfix">
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_03.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>
					</li>
					<li>
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="text-box clearfix">
										<div class="contact">
											
											<div class="item">请问这款产品的报价是多少?	<span>回复:1</span></div>
											<div class="ibox on">
												<p class="a">您好!产品不作线上报价,请把相关加工款式服装的资料发到以下邮箱. 谢谢! </p>
												<p class="b"></p>
												
												<form action="">
													<textarea rows="" cols=""></textarea>
													<button>ASKING QUESTIONS</button>
												</form>
											</div>
											<div class="item">请问这款产品的报价是多少?	<span>回复:1</span></div>
											<div class="ibox">
												<p>KC:您好!产品不作线上报价,请把相关加工款式服装的资料发到以下邮箱. 谢谢! </p>
												
												<form action="">
													<textarea rows="" cols=""></textarea>
													<button>ASKING QUESTIONS</button>
												</form>
											</div>
											<div class="item">请问这款产品的报价是多少?	<span>回复:1</span></div>
											<div class="ibox">
												<p>KC:您好!产品不作线上报价,请把相关加工款式服装的资料发到以下邮箱. 谢谢! </p>
												
												<form action="">
													<textarea rows="" cols=""></textarea>
													<button>ASKING QUESTIONS</button>
												</form>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>


<div class="vdialog">
	<h3>提示</h3>
	<div class="vdialog_content">
		<div class="vdialog_message">确认要删除吗？</div>
	</div>
	<div class="vdialog_footer">
		<button class="vbtn">
			<div class="vbtn_content">
				<span class="vbtn_text">取消</span>
			</div>
		</button>
		<button class="vbtn vdialog_confirm">
			<div class="vbtn_content">
				<span class="vbtn_text ">确认</span>
			</div>
		</button>
	</div>
</div>


<div class="footer">
	<div class="main">
		<div class="footer1 clearfix">
			<div class="left">
				<ul class="clearfix">
					<li><a href="###">HOME</a></li>
					<li><a href="###">ABOUT US</a></li>
					<li><a href="###">PRODUCTION</a></li>
					<li><a href="###">PRODUCT</a></li>
					<li><a href="###">CONTACT</a></li>
				</ul>
				<div class="text-box">
					No.38, Baichen Road, Nanchong, Chencun, Shunde, Foshan, <br>					Guangdong, 528313, P.R. China<br>
					TEL: 0757-23331223 EXT 8767 &nbsp;&nbsp;&nbsp;&nbsp; FAX: 0757-23331228				</div>
			</div>
			<div class="center">
				<div class="img_box">
					<img src="images/logo-lg.png" >
				</div>
			</div>
			<div class="right">
				<div class="box1">
					<div class="img_box">
						<img src="images/logo.png" alt="">
					</div>
					<p> ENTERPRISE MAILBOX </p>
					<a href="###">LAND</a>
				</div>
				<div class="box2">
					<img src="images/index_01.jpg" alt="">
					<p>CATALOG</p>
				</div>
				<div class="box3">
					<img src="images/index_02.jpg" alt="">
					<p>SCAN QR CODE</p>
				</div>
			</div>
		</div>
	</div>
</div>


<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
